div{
    width: 90%;
    height: 100px;
    border: 2px solid #333;
    margin: 10px auto;
}

/*Un dégradé linéaire semi transparent 
*devant une image de fond*/

#ex1{
    background:
	linear-gradient(
	RGBa(0,120,240,0.2), 
	RGBa(0,240,120,0.2)),	
	url("../images/smilesmall.jpg");
}

/*L'inverse, une image devant un dégradé*/
#ex2{
    background:
    url("../images/smilesmall.jpg"),
	linear-gradient(
	RGBa(0,120,240,0.2), 
	RGBa(0,240,120,0.2));
}